@import "m_reset.scss";
@import url(http://at.alicdn.com/t/c/font_3636164_3h4zweryplm.css);

@function getvw($w){
    @return ($w  /750)*100 + vw
}

.wrap{
    header{
        nav{
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-top: getvw(48);
            .return{
                width: getvw(123);
                height: getvw(57);
                background-color: white;
                border: 1px solid #ff9344;
                border-radius: 20px;
                font-size: getvw(30);
                margin-left: getvw(23);
            }
            select{
                border: 1px solid #ff9344;
                margin-right: getvw(23);
            }
        }
        .introduce{
            display: flex;
            justify-content: space-evenly;
            padding-top: getvw(20);
            .box{
                text-align: center;
                img{
                width: getvw(150);
                height: getvw(150);
                }
            }
        }
    }
    main{
        .show{
            padding-top: getvw(20);
            .type{
                display: flex;
                justify-content: space-between;
                padding-top: getvw(30);
                padding-left: getvw(31);
                padding-right: getvw(31);
                p{
                    font-size: getvw(40);
                    i{
                        font-size: getvw(40);
                        color: #ff9344;
                    }
                    i:nth-of-type(2){
                        font-size: getvw(30);
                    }
                }
                p:nth-of-type(2){
                    font-size: getvw(30);
                }

            }
            .photograph{
                display: flex;
                justify-content: space-evenly;
                padding-top: getvw(20);
                img{
                    width: getvw(133);
                    height: getvw(133);
                }
            }
        }
    }
    footer{
        position: fixed;
        bottom: 0;
        width: 100%;
        .nav{
            ul{
                width: 100%;
                display: flex;
                justify-content: space-evenly;
                li{
                    i{
                        color: #ff9344;
                        font-size: getvw(50);
                    }
                    
                    p{
                        color: #000;
                        font-size: getvw(30);
                    }
                }
            }
        }
    }
}